{%include "topo_180plus.html"%}
{%load filtros%}
	<div id="principal">
		<div id="meio">
			<div id="conteudo">
				{%include "header.html"%}
				<div id="box_perfil">
					<div class="barra_inf">
						<p class="titulo">Meu perfil <a href="#" style="color: #1B88D4;">- Editar</a> <a href="/perfil/{{usuario.id}}" style="color: #1B88D4;">- Visualizar</a></p>
						<div class="inf">
							<p>{{quantidadeAnuncio}} an&uacute;ncios | {{usuario.quantidadeAcesso}} visitas</p>
						</div>
					</div>
					<div id="box_perfil_esquerda">
						<div class="foto_perfil">
							<img src="{{MEDIA_URL}}{{usuario.foto}}"/>
							<a href="#"><span>alterar foto</span></a>
						</div>
                        <a href="/minhasmensagens/{{usuario.id}}"><span class="icon msg_icon"></span>Minhas Mensagens<span class="icon">(3)</span></a>	
                        <a href="/meusAnuncios/{{usuario.id}}"><span class="icon anuncios_icon"></span>Meus An&uacute;ncios</a>
                        {%if request.user.blog_set.all%}
                        	<a href="/gerenciaAnuncios/{{usuario.id}}"><span class="icon anuncios_icon"></span>Listar An&uacute;ncios</a>
                        {%else%}
                        	<a href="/login/"><span class="icon user_icon_edit"></span>Perfil</a>
                        {%endif%}	
						<button type="submit" class="" onclick="location.href='/anunciar/'">Publicar Novo An&uacute;ncio</button>
					</div>
					<div id="box_perfil_direita">
						<div class="perfil_inf">						
							<p><strong>Nome: </strong> {{usuario.nome}}</p>
							<p><strong>Telefone: </strong> {{usuario.telefone}}</p>
							<p><strong>Localiza&ccedil;&atilde;o: </strong> {{usuario.cidade}} - {{usuario.cidade.get_estado_display}}</p>
							<p><strong>Endere&ccedil;o: </strong> {{usuario.endereco}}</p>
							<p><strong>Usu&aacute;rio desde: </strong> {{usuario.dataCadastro}}</p>
							<p><strong>Sobre: </strong> A procura de sempre satisfazer o gosto e a vontade do comprador e sempre buscando melhorar!</p>
							<p><strong>Sua reputa&ccedil;ao: </strong></p>
							<div id="box_resumo">
		                        <p><span class="icon reputacao_icon"></span><span class="icon reputacao_icon"></span><span class="icon reputacao_icon"></span><span class="icon reputacao_icon_false"></span><span class="icon reputacao_icon_false"></span></p>
								<br><p><strong>An&uacute;ncios:</strong> 20 | <strong>Avalia&ccedil;&otilde;es:</strong> 300</p>
								<p>Avalia&ccedil;&otilde;es positivas: 222 - <em style="color:#08d645;">74%</em></p>
								<p>Avalia&ccedil;&otilde;es negativas: 78 -  <em style="color:#df0024;">26%</em></p>
							</div>
						</div>
					</div>
				</div>
				<div id="box_direita">
					<div class="anuncios_lateral_perfil">
						<div class="box_titulo">
							<h4 class="titulo_anuncio">&Uacute;ltimos an&uacute;ncios</h4>
						<!-- <form class="opc_busca">
								<select>
									<option>Todos</option>
									<optgroup label="Categorias">
										<option>Categorias</option>
										<option>Empregos</option>
										<option>Imoveis</option>
										<option>Negocios</option>
										<option>Veiculos</option>
									</optgroup>
									<optgroup label="Cidades">
										<option>Teresina</option>
										<option>Parnaiba</option>
									</optgroup>
								</select>
							</form>  -->
						</div>
						<ul class="box_anuncios pag_perfil">
						{%for ultimo in ultimos%}
							<li class="linha b_anuncios">
								<a class="img_anuncio" href="/produto/{{ultimo.id}}"><img src="{{MEDIA_URL}}{{ultimo.thumbnail}}"/></a>
								<a class="nome_anuncio" href="#">{{ultimo.descricao}}</a>
								<span class="preco_anuncio">
									<em>R$ {{ultimo.preco|formata}}</em>
								</span>
							</li>
						{%endfor%}
						</ul>
					</div>
					<div class="ads_lateral">
					
					</div>
					<div class="anuncios_lateral_perfil blog_perfil">
						<div class="box_titulo">
							<h4 class="titulo_anuncio">Blog Classi180</h4>
						<!-- 	<form class="opc_busca">
								<select>
									<option>ultimas noticias</option>
									<option>Mais lidas</option>
									<option>Mais comentadas</option>
									<option>Promocoes</option>
									<option>Enquetes</option>
									<option>Dicas</option>
									<option>Novidades no Classi180</option>
								</select>
							</form> -->
						</div>
						<ul class="box_anuncios pag_perfil">
						{%for noticia in noticias%}
							<li class="linha b_perfilblog">
								<span>+</span>
								<a class="nome_anuncio" href="#">{{noticia.titulo}}</a>
							</li>
						{%endfor%}
						</ul>
					</div>
				</div>
				<div id="box_anuncios_vendedor">
					<div class="box_titulo">
						<h4 class="titulo_anuncio">Recomendados para voc&ecirc;</h4>				
						<form class="opc_busca">
							<select>
								<option>Cidades</option>
								<option>Teresina</option>
								<option>Parnaiba</option>
							</select>
							<select>
								<option>Categorias</option>
								<option>Empregos</option>
								<option>Im&oacute;veis</option>
								<option>Neg&oacute;cios</option>
								<option>Ve&iacute;culos</option>
							</select>
							<input type="text">
							<input type="button">
						</form>
					</div>
					<ul class="box_anuncios">
						<li class="linha">
								{%for recomendado in recomendados%}
							{%if forloop.counter|divisibleby:"3"%}
								<li class="box  b_perfil last">
									<a href="/anuncio/{{recomendado.id}}">
										<span>
											<img src="{{MEDIA_URL}}{{recomendado.thumbnail}}"/>
										</span>
										<span class="nome_produto">
											{{recomendado.descricao}}
										</span>
										<span class="preco_produto">
											<em>R$ {{recomendado.preco|formata}}<sup>,00</sup></em>
										</span>
									</a>
								</li>
								</ul>
							</li>
							<li class="linha">
								<ul class="box_linha bl_perfil">
							{%else%}
									<li class="box  b_perfil">
										<a href="/anuncio/{{recomendado.id}}">
											<span>
												<img src="{{MEDIA_URL}}{{recomendado.thumbnail}}"/>
											</span>
											<span class="nome_produto">
												{{recomendado.descricao}}
											</span>
											<span class="preco_produto">
												<em>R$ {{recomendado.preco|formata}}<sup>,00</sup></em>
											</span>
										</a>
									</li>
									{%endif%}
								{%endfor%}
						</li>
					</ul>
				<!-- div class="barra_inf">
							<p class="titulo">PERFIL RELACIONADO</p>
						</div>
						<div class="box_anuncio">
							<div class="box_foto_anuncio">
								<a href="/perfil/{{userRelacionado.id}}" title="Foto perfil"><img src="{{MEDIA_URL}}{{userRelacionado.thumbnail}}" /></a> 
							</div>
							<div class="box_inf_anuncio">
		                        <a href="#"><span class="icon user_icon"></span> {{userRelacionado.nome}}</a>	
		                        <a href="#"><span class="icon tel_icon"></span> {{userRelacionado.telefone}}</a></a>	
		                        <a href="#"><span class="icon anuncios_icon"></span>Todos os anuncios do usuario</a>	
		                        <a onclick="showDiv('box_resumo')"><span class="icon rnk_icon"></span>Reputacao do anunciante:</a>
							</div>
						</div>				
				</div-->
			</div>
		</div>	
		<div id="publicidade">
			<div class="publicidade_link">
				<a href="#" title="Publicidade 3" ><img src="{{MEDIA_URL}}imagens/pub4.png">Publicidade 3</a> 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>